@import '../../../../style/default.less';
.Coupon{
   :global {
        .ant-list{
            .ant-list-item{
                padding: 15px 16px;
                position: relative;
            }
            .ant-list-item:hover{
                .zent-design-component-image-ad-editor__entry-prepend-btn,.zent-design-component-image-ad-editor__entry-close-btn,.zent-design-component-image-ad-editor__entry-append-btn{
                    display: inline-block;
                }
            }
        }
        .ant-row{
            .ant-col-3{
                font-size: 14px;
                padding: 14px 0 8px;
                text-align: right;
            }
            .ant-col-21{
                padding: 12px 0;
                .zent-design-editor__control-group-container{
                    display: inline-block;
                }
            }
        }
        .ant-row:last-child{
            .ant-col-3{
                padding: 12px 0;
            }
        }
        .act{
            border: 1px dashed #D9D9D9;
            border-radius: 4px;
            font-size: 14px;
            margin-top: 16px;
            margin-bottom: 7px;
            padding: 15px 16px;
            .anticon-plus{
                margin-right: 8px;
            }
            .ant-col-offset-4{
                text-align: right;
                color: #BFBFBF;
            }
        }
        .ColorPicker{
            .ant-col-3{
                padding: 16px 0 6px;
            }
            .zent-color-picker{
                .zent-color-picker__text{
                    width: 80px;
                    .zent-color-picker__preview{
                        width: 68px;
                    }
                }
            }
        }
        
   }
}
:global{
    .CouponList{
        overflow: hidden;
        > .ant-row{
            padding: 10px 10px 0;
        }
        
        .CouponFloor{
            height: 100px;
            line-height: 100px;
            text-align: center;
            color: #2E74FF;
            background: #bdf;
        }
        .border{
            border: 1px dashed @black-65;
            overflow: hidden;
            margin: 10px;
            height: 72px;
        }
        .money{
            font-size: 23px;
            font-weight: bold;
            color: @black-85;
            padding-left: 15px;
            margin-top: 5px;
            em{
                font-style: normal;
                font-size: 14px;
            }
        }
        .info{
            padding-left: 15px;
            color: @black-85;
        }
        .text_r{
            float: right;
            height: 60px;
            line-height: 60px;
            padding-left: 15px;
            margin-top: 5px;
            width: 80px;
            border-left: 1px solid @black-25;
            color: @black-85;
        }
        .floor_get{
            position: absolute;
            top: -15px!important;
            right: -15px;
            display: none;
        }
        .Get{
            background: #BDBDBD!important;
            .floor_get{
                display: block;
            }
        }
        .Red{
            .money,.info{
                color: #FFF;
            }
            .text_r{
                color: #FFF;
                border-left: 1px solid #FFF;
            }
            .border,.line{
                border-color: #FFF!important;
            }
        }
        .Coupon01{
            overflow: hidden;
            height: 92px;
            position: relative;
            margin-bottom: 10px;
            .border{
                border: none;
                margin: 11px;
            }
            img{
                position: absolute;
                top: 0;
                
            }
            .floor_l{
                left: -4px;
            }
            .floor_r{
                right: -4px;
            }
            .floor_t,.floor_b{
                position: absolute;
                width: 14px;
                height: 14px;
                background: #FFF;
                border-radius: 50%;
                right: 84px;
            }
            .floor_t{
                top: -7px;
            }
            .floor_b{
                bottom: -7px;
            }
            
        }
        .Coupon02{
            height: 92px;
            position: relative;
            overflow: hidden;
            margin-bottom: 10px;
            .border{
                border-radius: 8px;
            }
            .floor_l,.floor_r{
                position: absolute;
                top: -54px;
            }
            .floor_l{
                left: -54px;
            }
            .floor_r{
                right: -54px;
            }
        }

        .Coupon03{
            overflow: hidden;
            height: 92px;
            position: relative;
            margin-bottom: 10px;
            border-radius: 8px;
            .border{
                border: none;
                margin: 11px;
            }
            .floor_l,.floor_r{
                width: 15px;
                height: 15px;
                border-radius: 50%;
                background: #FFF;
                position: absolute;
                top: 38px;
                
            }
            .floor_l{
                left: -7px;
            }
            .floor_r{
                right: -7px;
            }
        }

        .Coupon04{
            height: 92px;
            position: relative;
            overflow: hidden;
            margin-bottom: 10px;
            .border{
                border: 1px solid @black-65;
                
            }
            .line{
                width: 36px;
                height: 36px;
                border-bottom: 1px solid @black-65;
                position: absolute;
                top: -7px;
                right: -7px;
                transform: rotate(45deg);
                -ms-transform: rotate(45deg);		/* IE 9 */
                -webkit-transform: rotate(45deg);	/* Safari and Chrome */
                -o-transform: rotate(45deg);		/* Opera */
                -moz-transform: rotate(45deg);	
            }
            .floor_r{
                position: absolute;
                top: -20px;
                right: -20px;
                transform: rotate(45deg);
                -ms-transform: rotate(45deg);		/* IE 9 */
                -webkit-transform: rotate(45deg);	/* Safari and Chrome */
                -o-transform: rotate(45deg);		/* Opera */
                -moz-transform: rotate(45deg);	
            }
            
        }

        .Two,.Three,.Other{
            .money,.info{
                padding: 0;
                text-align: center;
            }
        }
        .Three,.Other{
            .money{
                font-size: 20px;
                margin-top: 10px;
                em{
                    font-size: 12px;
                }
            }
            .info{
                font-size: 12px;
            }
        }
        .Other{
            .Coupon01,.Coupon02,.Coupon03,.Coupon04{
                float: left;
                padding: 0;
                margin-right: 12px;
                .border{
                    padding: 0 5px;

                }
            }
            
            
        }
    }
}

:global{
    .CouponModalHead{
        padding: 24px 24px 16px;
        .ant-col-4{
            Button{
                margin-right: 8px;
            }
        }
    }
    
}
.CouponModalTable{
    padding: 0 24px;
    :global{
        .ant-table-thead > tr > th, .ant-table-tbody > tr > td{
            padding: 12px 8px;
        }
        .ant-table-thead > tr > th:first-child, .ant-table-tbody > tr > td:first-child{
            padding-left: 16px;
        }
        .ant-table-thead > tr > th:last-child, .ant-table-tbody > tr > td:last-child{
            padding-right: 16px;
        }
    }
    
}